<template>
    <div class="warp">
    	<header>
    		<span class="left"><router-link to='/chaQu'><img src="../../static/img/return.png"/></router-link></span>
    		<span class="center">泡茶趣</span>
    		<span class="right"></span>
    	</header>
    	
    	
    	<main>
    			
    		<div class="wenhua">
    			<h1>{{text}}</h1>
    			<p>{{texttwo}}</p>
    			<p>{{textthree}}</p>
    			<p><img src="../../static/img/chaqu-3.png"/></p>
    			<ul>
    				
    					
    					<li v-for='item in imges'>
	    					<h2>{{item.title1}}</h2>
	    					<p>{{item.title2}}</p>
    				    </li>
    				
    				<!--<li>
    					<h2>2.闻苹果缓解焦虑</h2>
    					<p>有研究证明，青苹果的味道可以帮助消除焦虑的情绪。另一项研究发现，闻苹果的味道可以缓解受试者的头痛。研究者推测，这可能是因为苹果的味道可以使人的头颈部肌肉变得放松</p>
    				</li>
    				<li>
    					<h2>3.喝咖啡加点桂皮缓解压力</h2>
    					<p>桂皮是一种富含抗氧化物质的香料，有研究发现，他可以降低血压，减缓压力。</p>
    				</li>-->
    				
    				
    				
    			</ul>
    			<p class="_img"><img src="../../static/img/chaqu-4.png"/></p>
    			<ul>
    				<li v-for='item in texts'>
    					<h2>{{item.title3}}</h2>
    					<p>{{item.title4}}</p>
    				</li>
    				<!--<li>
    					<h2>4.喝咖啡加点桂皮缓解压力</h2>
    					<p>桂皮是一种富含抗氧化物质的香料，有研究发现，他可以降低血压，减缓压力。</p>
    				</li>
    				<li>
    					<h2>5.闻苹果缓解焦虑</h2>
    					<p>有研究证明，青苹果的味道可以帮助消除焦虑的情绪。另一项研究发现，闻苹果的味道可以缓解受试者的头痛。研究者推测，这可能是因为苹果的味道可以使人的头颈部肌肉变得放松</p>
    				</li>-->
    			</ul>
    		</div>
    		
    	
    	
    	
    	
    		
    		
    		
    		
    	</main>
    	
    	
    	
    	
 </div>	
</template>
 		<script>
    	import axios from 'axios'
 		
    		export default {
    			name:'warp',
		  data () {
		  	return {
		  		text:"生活小妙招：茶里加片柠檬，功效会大增",
		  		texttwo:"2015-10-20　15:30:32",
		  		textthree:"泡茶叔",
				imges:[],
				texts:[],
			   currIndex:0,
			   tab:1
		     }
		  },
		  mounted () {
		    axios.get('../../static/json/chaquone.json')
			   .then(response => {
				this.imges = response.data
				console.log(this.imges)
			});
			axios.get('../../static/json/chaquthree.json')
			   .then(response => {
				this.texts = response.data
				console.log(this.texts)
			})
		          
		 }
		 
		}
    	</script>
    	
    	<style scoped lang="less"4>
    		@import '.././assets/less/header.less';
    		@import '.././assets/less/cultureone.less';
    		
    	</style>